<template>
  <view class="">
    <view>
        <view class="" style="text-align: center;margin-top: 50rpx;" v-if="list_MbGOyL8T.length==0">
                <image src="../../static/31.png" mode="scaleToFill" style="margin-top: 100rpx;width: 150rpx;height: 160rpx;"></image>
                <view class="" style="color: #999;font-size: 28rpx;margin-top: 20rpx;">
                    暂无成员
                </view>
            </view>
      <view>
        <view class="flex-col list-item" :key="i" v-for="(item, i) in list_MbGOyL8T">
          <view class="flex-row">
            <image
              :src="item.wxAvatar"
              class="image_3"
            />
            <view class="flex-col items-start group_3">
              <text class="text_1" v-if="item.nickName!=null">{{item.nickName}}</text>
              <text class="text_1" v-else>暂无</text>
              <text class="text_3"  v-if="item.createTime!=null">注册时间： {{item.createTime}}</text>
              <text class="text_3" v-else>注册时间： 暂无</text>
            </view>
          </view>
          <view class="justify-between group_4">
            <view class="flex-row group_5">
              <text class="text_5"  v-if="item.loginDate==null">暂无</text>
              <text class="text_5" v-else>{{item.loginDate}}</text>
              <text class="text_7">最近登录</text>
              <view class="section_2"><!--*--></view>
            </view>
            <view class="flex-col items-center group_6">
              <text class="text_9"  v-if="item.thisDay!=null">{{item.thisDay}}</text>
              <text class="text_9" v-else>0</text>
              <text class="text_11">今日直属</text>
            </view>
            <view class="flex-row group_7">
              <view class="section_3"><!--*--></view>
              <view class="flex-col items-center group_8">
                <text class="text_13"  v-if="item.thisMonth!=null">{{item.thisMonth}}</text>
                <text class="text_13" v-else>0</text>
                <text class="text_15">本月直属</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import {getMyTeam, getpeople} from '../../api/index.js'
  export default {
    components: {},
    data() {
      return {
        list_MbGOyL8T: []
      };
    },
    onLoad() {
      this.getMyTeam()
        // let that= this
        // let data={
        //     grade:0,
        //     isAsc:'',
        //     keyword:'',
        //     pageIndex:1,
        //     pageSize:20,
        //     sortKey:''
        // }
        // getpeople(data).then(res=>{
        //     console.log(res);
        //     that.list_MbGOyL8T=res.data.list
        // })
    },
    methods: {
      getMyTeam() {
        getMyTeam().then(res => {
          console.log('res', res)
          this.list_MbGOyL8T = res.data
        })
      }
    },
  };
</script>

<style scoped lang="scss">
  .list-item {
    padding: 1.25rem 0.81rem 1rem;
    background-color: #ffffff;
    border-radius: 0.47rem;
  }
  .group_4 {
    margin-top: 1.69rem;
    padding: 0 0.78rem;
  }
  .image_3 {
    width: 2.5rem;
    height: 2.5rem;
  }
  .group_3 {
    margin: 0.25rem 0 0.25rem 0.44rem;
  }
  .group_5 {
    width: 7.5rem;
    height: 1.5rem;
    position: relative;
  }
  .group_6 {
    width: 5.28rem;
  }
  .group_7 {
    width: 7.5rem;
    margin-right: 0.094rem;
    padding: 0 0.25rem;
  }
  .text_1 {
    color: #000;
    font-size: 0.88rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    line-height: 0.84rem;
  }
  .text_3 {
    margin-top: 0.5rem;
    color: #999999;
    font-size: 0.69rem;
    font-family: SourceHanSansCN;
    line-height: 0.66rem;
  }
  .text_5 {
    color: #333333;
    font-size: 0.69rem;
    font-family: SourceHanSansCN;
    line-height: 0.53rem;
    position: absolute;
    left: 0;
    top: 0;
  }
  .text_7 {
    color: #666666;
    font-size: 0.63rem;
    font-family: SourceHanSansCN;
    line-height: 0.59rem;
    position: absolute;
    left: 0.47rem;
    bottom: 0;
  }
  .section_2 {
    background-color: #0000002e;
    width: 0.031rem;
    height: 1.47rem;
    position: absolute;
    right: 0;
    top: 0;
  }
  .text_9 {
    color: #333333;
    font-size: 0.69rem;
    font-family: SourceHanSansCN;
    line-height: 0.53rem;
  }
  .text_11 {
    margin-top: 0.38rem;
    color: #666666;
    font-size: 0.63rem;
    font-family: SourceHanSansCN;
    line-height: 0.59rem;
  }
  .section_3 {
    background-color: #0000002e;
    width: 0.031rem;
    height: 1.47rem;
  }
  .group_8 {
    margin-left: 2.22rem;
  }
  .text_13 {
    color: #333333;
    font-size: 0.69rem;
    font-family: SourceHanSansCN;
    line-height: 0.53rem;
  }
  .text_15 {
    margin-top: 0.38rem;
    color: #666666;
    font-size: 0.63rem;
    font-family: SourceHanSansCN;
    line-height: 0.59rem;
  }
  .page {
    background-color: #f5f5f5;
    border-bottom: solid 0.28rem #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group_1 {
    padding-bottom: 1.38rem;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .list {
    padding: 1rem 0.72rem 1rem 0.91rem;
  }
</style>
